.basic-table.el-table {
  border-bottom: 1px solid #ebeef5;
  &.no-b-border {
    border-bottom: none;
  }

  thead {
    font-size: 14px;
    color: #454954;
    font-weight: 700;
    tr {
      & .el-table__cell {
        background: #f7f8fa;
      }
    }
  }

  .el-table__body {
    .el-table__cell {
      font-size: 14px;
      color: #454954;
      font-weight: 400;
    }
    tbody .el-table__row:last-child .el-table__cell {
      border-bottom: none;
    }
    .el-table__row {
      .table-dns-wrapper + .el-icon,
      .edit-remark-icon {
        visibility: hidden;
      }
      &.hover-row,
      &:hover {
        .table-dns-wrapper + .el-icon,
        .edit-remark-icon {
          visibility: visible;
        }
      }
      .row-hover__visible {
        @apply hidden opacity-0 transition-all;
      }
      .row-hover__visible.is-show {
        @apply inline-block opacity-100;
      }
      &:hover {
        .row-hover__visible {
          @apply inline-block opacity-100;
        }
      }
    }
  }
  .el-table__inner-wrapper::before {
    height: 0;
  }

  &.el-table--small {
    thead tr,
    tbody .el-table__row {
      & .el-table__cell {
        font-size: 12px;
      }
    }
    thead tr {
      .el-table__cell {
        font-size: 12px;
      }
    }
  }
}
